<template>
  <div class="personalhhd">
      <p>我的换货单</p>
      <hr>
      
       <div class="hhdbutton">
          <p>您未有换货记录，请继续逛吧。</p>
          <img src="../assets/jiantouright.png" alt="">
          <button>继续逛逛</button>
      </div>
  </div>
</template>

<script>
export default {
    name:"PersonalHhd"
}
</script>

<style>
.personalhhd {
   width: 87%;
  margin-left: 20px;
  padding: 0 20px;
  border: 1px solid #000;
}
.personalhhd p {
  margin-top: 20px;
  margin-bottom: 9px;
}
.personalhhd > p:nth-child(1) {
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  font-weight: 600;
}

.hhdbutton{
    position: relative;
    width: 100%;
}
.hhdbutton button{
    width: 30%;
    height: 40px;
    padding-right: 6%;
    margin: 20px 0;
    background-color: #000;
    color: #fff;
    font-size: 18px;
}
.hhdbutton img{
    position: absolute;
    top:58%;
    left: 21%;
    width: 4%;
    height: 13px;
}
</style>